<script setup lang="ts">
const formInputMap = ref({
  name: '',
  num: '',
  time: ''
})
</script>

<template>
  <div class="container">
    <div class="header">
      <NavBar title="" :showRightIcon="false" />
    </div>
    <div class="content">
      <div class="change-password-box">
        <div class="change-password-box-title">
          登陆密码
        </div>
        <FormInput class="change-password-box-forgotPassword-top" v-model="formInputMap.name" title="原密码" placeholder="请输入原密码" />
        <div class="change-password-box-forgotPassword flex end">
          忘记密码？
        </div>
        <FormInput v-model="formInputMap.num" title="新密码" placeholder="请输入新密码" />
        <FormInput v-model="formInputMap.num" title="密码确认" placeholder="请再次输入新密码" />
      </div>
    </div>

  </div>
</template>

<style scoped lang="scss">
.change-password-box {
  padding: 8px 10px;

  &-title {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 16px;
  }

  &-forgotPassword {
    font-size: 7px;
    font-weight: 500;
    color: #1642F4;
    margin:0px 0 6px;
    &-top{
      margin-bottom:6px;
    }
  }
}
</style>
